<template>
    <div id="app">
        <keep-alive>
            <router-view></router-view>
        </keep-alive>
        <router-view name="history"></router-view>
        <router-view name="myClient"></router-view>
    </div>
</template>

<script>
</script>

<style>
    html, body {
        height: 100%;
        font-size: 12px;
        font-family: Arial, 'Times New Roman', 'Microsoft YaHei', SimHei;
    }

    #app {
        height: 100%;
    }

    a {
        text-decoration: none;
        color: #ACE0D1;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;

    }

    input {
        outline: none;
    }

    ::-webkit-input-placeholder {
        color: rgb(153, 153, 153);
        font-weight: normal;
    }

    ::-moz-placeholder {
        color: rgb(153, 153, 153);
        font-weight: normal;
    }

    :-ms-input-placeholder {
        color: rgb(153, 153, 153);
        font-weight: normal;
    }

    .table {
        overflow: auto;
    }

    .table table {
        white-space: nowrap;
        margin: 0;
        padding: 0;
        border: 0;
        min-width: 100%;;
    }

    table thead th {
        text-align: center;
    }

    textarea {
        resize: none;
    }

    .table tr:nth-child(even) {
        background: rgb(240, 240, 240);
    }

    table td {
        text-align: center;
        height: 0.4rem;
        padding: 0.1rem;
        color: #666;
        font-weight: normal;
    }

    table td .button {
        cursor: pointer;
    }

    .table td [data-toggle="modal"], .table td [data-toggle="dropdown"] {
        cursor: pointer;
    }

    .table thead tr {
        height: 0.4rem;
        color: #303031;
        background: white;
        border: 0.01rem solid rgb(204, 204, 204);

    }

    .table thead tr > th {
        height: 0.3rem;
        text-align: center;
        border-right: 1px solid rgb(204, 204, 204);
        padding: 0.1rem;
    }

    button {
        outline: none;
    }

    .btn-success {
        background-color: #17D29C;
        outline: none;
        padding: 6px 20px;
    }

    .btn-success:focus {
        background-color: #17D29C;
    }

    .btn-success.export {
        background: transparent;
        color: rgb(23, 203, 156);;
        border: 1px solid #ccc;
        margin-left: 0.2rem;
    }

    #msgModal {
        z-index: 999999;
    }

    #msgModal .modal-dialog {
        margin-top: 20px;
    }

    .modal .modal-footer {
        text-align: center;
    }

    .modal .modal-footer .btn-success {
        color: #fff;
        width: 1rem;
        border: 1px solid rgb(23, 210, 156);
        border-radius: 0.3rem;
        margin-left: 0.3rem;
    }

    .modal .modal-footer .btn-success.export {
        background: #fff;
        color: rgb(102, 102, 102);;
        border: 1px solid rgb(153, 153, 153);
    }

    .modal-dialog {
        margin-top: 13%;
    }

    .modal-content {
        margin: 0 auto;
    }

    .router {
        flex: 1;
    }

    /*滚动条样式*/
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: #E5E5E5;
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb {
        background: #4B4B4B;
        border-radius: 4px;
    }

    .requiredSign {
        color: rgb(252, 114, 91);
    }

    #datePicker .datepicker input {
        border: 1px solid #f00;
    }
</style>
